@import url(../PortfolioOverview/index.less);

.page {
  padding: 16px;
  min-width: 1068px;
}

.renderdesc {
  height: 76px;
  width: unset;
}

.mt12 {
  margin-top: 12px;
}

.title {
  height: 42px;
  padding-top: 8px;
  padding-bottom: 5px;
}

.investment {
  width: 100%;
  height: 262px;
}

.holderDetail {
  width: 100%;

  &_table {
    // max-height: 588px;

    :global {

      .ant-table-thead>tr,
      .ant-table-tbody>tr>td,
      .ant-table-tbody>tr {
        height: 28px;
      }
      .ant-table-placeholder{
        background-color: white !important;
      }
    }

  }


}

.pieTable {
  display: flex;

  &_left,
  &_right {
    width: calc(50% - 2px);
    // height: 224px;
  }

  &_right {
    margin-left: 4px;
  }

  &_left_body {
    display: flex;
    border: 1px solid #E4E4E4;
    border-radius: 2px;
  }

  .echartsBarArea {
    width: 55%;
    height: 224px;
  }

  .customTable {
    width: 45%;
  }
  :global {

    .ant-table-placeholder{
      
      >td {
        background-color: white !important;
        >div{
          border-left: 1px solid #E4E4E4;
          height: 196px;
          img{
            margin-top: 2px;
          }
        }
      }
    }
  }
}

.cusFixTable {
  :global {
    .ant-table-container{
      border-top: unset;
      .ant-table-thead{
        >tr{
          >th{
            // border-top: 1px solid #E4E4E4;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
        }
      }
    }
  }
}

.scrollTableFix {
  :global {
    .ant-table-thead>tr>th:nth-child(4) {
      border-right: unset !important;
    }

    .ant-table-thead>tr>th:nth-child(3) {
      // border-right: 1px solid #E4E4E4 !important;
    }

    .ant-table {
      // border-right: 1px solid #E4E4E4;
      border-collapse: collapse !important
    }

    .ant-table-cell-scrollbar {
      box-shadow: 0 1px 0 1px #F5F6F9;
    }
  }

}

.scrollTableConvertible{
  :global {
    .ant-table.ant-table-bordered>.ant-table-container {
      border-left: unset;
    }

    .ant-table-container {
      // border-top: 1px solid #e3e8f1;
      table {
        border-radius: unset;
      }

      .ant-table-body{
        border-right: 1px solid #e3e8f1;
      }

      .ant-table-thead>tr>th:nth-child(1),
      .ant-table-tbody>tr>td:nth-child(1) {
        border-left: 0.5px solid #E4E4E4;
      }

      .ant-table-thead>tr>th:last-child,
      .ant-table-tbody>tr>td:last-child {
        border-right: 1px solid #E4E4E4;
      }
      .ant-table-thead>tr>th{
        border-top: 1px solid #e3e8f1;
      }

    }
  }
}

.scrollTable {
  width: 100%;

  :global {
    .ant-table.ant-table-bordered>.ant-table-container {
      border-left: unset;
    }

    .ant-table-container {
      table {
        border-radius: unset;
        border-top: unset !important;
      }

      .ant-table-thead>tr>th,
      .ant-table-tbody>tr>td {
        padding: 0;
        font-size: 13px;
        color: #35425e;
        text-align: center;
        line-height: 27px;
        height: 28px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        // width: 50%;
        border-bottom: 1px solid #E4E4E4;

        &:last-child {
          // border-right: unset !important;
        }
      }

      .ant-table-tbody>tr:last-child>td {
        border-bottom: unset !important;
      }

      .ant-table-thead>tr>th:nth-child(1),
      .ant-table-tbody>tr>td:nth-child(1) {
        border-right: 1px solid #E4E4E4;
        border-left: 1px solid #E4E4E4;
      }

      // .ant-table-thead>tr>th:nth-child(2) {
      //   border-right: 1px solid #E4E4E4 !important;
      // }

      .ant-table-thead>tr>th {
        font-weight: 600;
        background-color: #F5F6F9;
      }

      .ant-table-tbody>tr>td:nth-child(1) {
        background-color: #F5F6F9;
      }

      tr:hover {
        background-color: white;
      }

      tr:hover:not(.ant-table-expanded-row)>td,
      .ant-table-row-hover,
      .ant-table-row-hover>td {
        background: white;
      }

      tr:hover>td:nth-child(1) {
        background-color: #F5F6F9;
      }
    }

    .ant-empty-normal {
      margin: 46px 0;
    }
  }
}

.tableHeader{
  padding: 3px 0;
  >p{
    margin: 0;
    line-height: 19px;
  }
}

.empty {
  :global {
    .ant-empty-normal{
      margin-top: 67px;
      margin-bottom: 61px;
    }
    .ant-table-empty {
      .ant-table-placeholder {
        >td {
          background-color: #fff !important;
        }
      }
    }
  }
}

.echartsBarArea {
  position: relative;
  width: 41.8%;
  :global {
    .ant-empty-normal {
      margin-top: 95px;
    }
  }
}

.lineTable {
  &_content {
    display: flex;
    width: 100%;
    height: 271px;
    border: 1px solid #E4E4E4;
    border-radius: 2px;

    &_chart,
    &_table {
      width: 50%;
      height: 100%;
    }

    &_table {
      :global {
        .ant-table-container .ant-table-tbody>tr>td {
          // width: unset;
        }
        .ant-table-placeholder{
          >td{
            background-color: white !important;
            >div{
              height: 224px;
              border-left: 1px solid #E4E4E4;
              >img{
                margin-top: 20px;
              }
            }
          }
        }
      }
    }
  }
}